<template>
  <div id="app">
    <HmHead />
    <HmBody />
    <HmFoot />
  </div>
 
</template>

<script>
import HmHead from './components/HmHead.vue';
import HmBody from './components/HmBody.vue';
import HmFoot from './components/HmFoot.vue';

export default {
  name: 'App',
  components:{
    HmHead,
    HmBody,
    HmFoot
  }

}
</script>

<style lang="less">

#app{
  width: 600px;
  height: 800px;
  background-color: darkorchid;
}


</style>
